<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>导出旧机</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <meta http-equiv="expires" content="-1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/dist/img/icon.png" type="image/x-icon">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/dist/plugins/bootstrap/css/bootstrap.min.css">
    <!--字体-->
    <link rel="stylesheet" href="/dist/css/font-awesome.min.css">
    <!--图标-->
    <link rel="stylesheet" href="/dist/css/ionicons.min.css">
    <!--插件样式-->
    <link rel="stylesheet" href="/dist/plugins/select2/select2.min.css">
    <!--OA主样式-->
    <link rel="stylesheet" href="/dist/css/OA.min.css?t=39cd89cd">
    <link rel="stylesheet" href="/dist/css/skins/OA-skins.min.css?t=16f1e6f3">
    <style>
        .table > tbody > tr > td {
            height: 35px;
            max-height: 44px;
            overflow: hidden;
        }

        .moduleName {
            float: left;
            height: 27px;
            line-height: 27px;
            font-size: 22px;
            width: 100px;
            text-align: center;
        }

        .tryStyle {
            width: 30px;
            height: 14px;
            line-height: 14px;
            font-size: 12px;
            /* top: 0; */
            right: 0;
            position: absolute;
            border-radius: 5px;
            margin-top: 1px;
            background: red;
            color: #fff;
            margin-right: -2px;
            transform: scale(0.8);
        }

        .nav-tabs-custom {
            margin-bottom: 0;
            box-shadow: none;
            position: relative;
        }

        span.lineOne {
            line-height: 28px;
            height: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
        }
        .div-td-content-more {
            position: absolute;
            height: auto;
            z-index: 999;
            line-height: 20px;
            background-color: #d3e8fd;
            padding: 8px 6px;
            border: 1px solid #e8e8ea;
            display: none;
        }

        .div-td-content-more i {
            width: 15px;
            height: 12px;
            background: url("/dist/img/more-icon.png");
            position: absolute;
            left: 50px;
            top: -12px;
        }

        .table-detail td.twoLine {
            line-height: 1.5 !important;
            padding: 3px 0 !important;
        "
        }

        .table-detail select {
            text-indent: 0 !important;
            padding-left: 0 !important;
            margin-left: -4px !important;
        }
        .title{
            background-color: yellow;
            color:black;
        }
        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: normal;
        }
        .pull-left {
            margin-left: 2px;
        }

        .down {
            position: relative;
            top: 2px;
        }
    </style>
</head>
<body>
<section class="content" id="app">
    <iframe id="ifExprot" style="width:0px;height:0px;display: none;" frameborder="0"></iframe>
    <div class="div-td-content-more"><i></i></div>
    <div class="box-body no-padding iframeH2" style="overflow: auto;" id="scrollDiv">
        <div id="progress" class="wyui-progress"></div>
        <table v-if="type=='1'"   class="table-detail">
            <tr class="no-print" >
                <td colspan="8" class=" no-print title">
                     <span class="pull-left"><input  type="checkbox" class="down" id="checkbox" value="全选" @click="selectAll('devicePerson',checkBox1)" v-model="checkBox1" >
                    <label for="checkbox">全选</label></span>
                    公司人员信息</td>
            </tr>
            <tr id="devicePerson">
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="归属公司" value="归属公司0" attr-data='归属公司0' :checked="(checkedAccounts).indexOf('归属公司0')>=0"
                                                    @click.prevent="checkedOne('归属公司0')">
                    <label for="归属公司">归属公司</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="区域" value="区域1" attr-data='区域1' :checked="(checkedAccounts).indexOf('区域1')>=0"
                                                    @click.prevent="checkedOne('区域1')">
                    <label for="区域">区域</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="大区经理" value="大区经理2" attr-data='大区经理2' :checked="(checkedAccounts).indexOf('大区经理2')>=0"
                                                    @click.prevent="checkedOne('大区经理2')">
                    <label for="大区经理">大区经理</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="区域经理" value="区域经理3" attr-data='区域经理3' :checked="(checkedAccounts).indexOf('区域经理3')>=0"
                                                   @click.prevent="checkedOne('区域经理3')">
                    <label for="区域经理">区域经理</label></span></td>
            </tr>
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('deviceMsg',checkBox2)" v-model="checkBox2" >
                    <label for="checkbox">全选</label></span>设备信息</td>
            </tr>
            <tbody id="deviceMsg">
            <tr >
                <td><span class="pull-left"><input  type="checkbox" class="down" id="品牌" value="品牌4" attr-data='品牌4' :checked="(checkedAccounts).indexOf('品牌4')>=0"
                                                   @click.prevent="checkedOne('品牌4')">
                    <label for="品牌">品牌</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="设备类型" value="设备类型5" attr-data='设备类型5' :checked="(checkedAccounts).indexOf('设备类型5')>=0"
                           @click.prevent="checkedOne('设备类型5')">
                    <label for="设备类型">设备类型</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="型号" value="型号6" attr-data='型号6' :checked="(checkedAccounts).indexOf('型号6')>=0"
                           @click.prevent="checkedOne('型号6')">
                    <label for="型号">型号</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="序列号" value="序列号7" attr-data='序列号7' :checked="(checkedAccounts).indexOf('序列号7')>=0"
                           @click.prevent="checkedOne('序列号7')">
                    <label for="序列号">序列号</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="出厂年份" value="出厂年份8" attr-data='出厂年份8' :checked="(checkedAccounts).indexOf('出厂年份8')>=0"
                           @click.prevent="checkedOne('出厂年份8')">
                    <label for="出厂年份">出厂年份</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="小时数" value="小时数9" attr-data='小时数9' :checked="(checkedAccounts).indexOf('小时数9')>=0"
                           @click.prevent="checkedOne('小时数9')">
                    <label for="小时数">小时数</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="状态" value="状态10" attr-data='状态10' :checked="(checkedAccounts).indexOf('状态10')>=0"
                           @click.prevent="checkedOne('状态10')">
                    <label for="状态">状态</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="库存地" value="库存地11" attr-data='库存地11' :checked="(checkedAccounts).indexOf('库存地11')>=0"
                           @click.prevent="checkedOne('库存地11')">
                    <label for="库存地">库存地</label></span>
                </td>
            </tr>
            <tr>

                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="评估价格" value="评估价格12" attr-data='评估价格12' :checked="(checkedAccounts).indexOf('评估价格12')>=0"
                           @click.prevent="checkedOne('评估价格12')">
                    <label for="评估价格">评估价格</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="置换价格" value="置换价格13" attr-data='置换价格13' :checked="(checkedAccounts).indexOf('置换价格13')>=0"
                           @click.prevent="checkedOne('置换价格13')">
                    <label for="置换价格">置换价格</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="出售价格" value="出售价格14" attr-data='出售价格14' :checked="(checkedAccounts).indexOf('出售价格14')>=0"
                           @click.prevent="checkedOne('出售价格14')">
                    <label for="出售价格">出售价格</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="置换补贴" value="置换补贴15" attr-data='置换补贴15' :checked="(checkedAccounts).indexOf('置换补贴15')>=0"
                           @click.prevent="checkedOne('置换补贴15')">
                    <label for="置换补贴">置换补贴</label></span>
                </td>
                <td><span class="pull-left "> <input  type="checkbox" class="down" id="合同/合格证/发票" value="合同/合格证/发票16" attr-data='合同/合格证/发票16' :checked="(checkedAccounts).indexOf('合同/合格证/发票16')>=0"
                                                     @click.prevent="checkedOne('合同/合格证/发票16')">
                    <label for="合同/合格证/发票">合同/合格证/发票</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出发地" value="出发地17" attr-data='出发地17' :checked="(checkedAccounts).indexOf('出发地17')>=0"
                                                   @click.prevent="checkedOne('出发地17')">
                    <label for="出发地">出发地</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="目的地" value="目的地18" attr-data='目的地18' :checked="(checkedAccounts).indexOf('目的地18')>=0"
                                                   @click.prevent="checkedOne('目的地18')">
                    <label for="目的地">目的地</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="运输公司" value="运输公司19" attr-data='运输公司19' :checked="(checkedAccounts).indexOf('运输公司19')>=0"
                                                   @click.prevent="checkedOne('运输公司19')">
                    <label for="运输公司">运输公司</label></span></td>
            </tr>
            <tr>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="运费" value="运费20" attr-data='运费20' :checked="(checkedAccounts).indexOf('运费20')>=0"
                                                   @click.prevent="checkedOne('运费20')">
                    <label for="运费">运费</label></span></td>
                <td> <span class="pull-left"><input  type="checkbox" class="down" id="扣款" value="扣款21" attr-data='扣款21' :checked="(checkedAccounts).indexOf('扣款21')>=0"
                                                    @click.prevent="checkedOne('扣款21')">
                    <label for="扣款">扣款</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="扣款说明" value="扣款说明22" attr-data='扣款说明22' :checked="(checkedAccounts).indexOf('扣款说明22')>=0"
                                                   @click.prevent="checkedOne('扣款说明22')">
                    <label for="扣款说明">扣款说明</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="板车车牌" value="板车车牌23" attr-data='板车车牌23' :checked="(checkedAccounts).indexOf('板车车牌23')>=0"
                                                   @click.prevent="checkedOne('板车车牌23')">
                    <label for="板车车牌">板车车牌</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="司机姓名" value="司机姓名24" attr-data='司机姓名24' :checked="(checkedAccounts).indexOf('司机姓名24')>=0"
                                                   @click.prevent="checkedOne('司机姓名24')">
                    <label for="司机姓名">司机姓名</label></span></td>
                <td><span class="pull-left"> <input  type="checkbox" class="down" id="司机电话" value="司机电话25" attr-data='司机电话25' :checked="(checkedAccounts).indexOf('司机电话25')>=0"
                                                    @click.prevent="checkedOne('司机电话25')">
                    <label for="司机电话">司机电话</label></span></td>
            </tr>
            </tbody>
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('deviceOut',checkBox3)" v-model="checkBox3" >
                    <label for="checkbox">全选</label></span>出库信息</td>
                <tbody id="deviceOut">
            <tr>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库类型" value="出库类型26" attr-data='出库类型26' :checked="(checkedAccounts).indexOf('出库类型26')>=0"
                                                   @click.prevent="checkedOne('出库类型26')">
                    <label for="出库类型">出库类型</label></span></td>
                <td><span class="pull-left"> <input  type="checkbox" class="down" id="销售合同" value="销售合同27" attr-data='销售合同27' :checked="(checkedAccounts).indexOf('销售合同27')>=0"
                                                    @click.prevent="checkedOne('销售合同27')">
                    <label for="销售合同">销售合同</label></span></td>
                <td><span class="pull-left"> <input  type="checkbox" class="down" id="提车地址" value="提车地址28" attr-data='提车地址28' :checked="(checkedAccounts).indexOf('提车地址28')>=0"
                                                    @click.prevent="checkedOne('提车地址28')">
                    <label for="提车地址">提车地址</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="交车地址" value="交车地址29" attr-data='交车地址29' :checked="(checkedAccounts).indexOf('交车地址29')>=0"
                                                   @click.prevent="checkedOne('交车地址29')">
                    <label for="交车地址">交车地址</label></span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="出库运输公司" value="出库运输公司30" attr-data='出库运输公司30' :checked="(checkedAccounts).indexOf('出库运输公司30')>=0"
                           @click.prevent="checkedOne('出库运输公司30')">
                    <label for="出库运输公司">运输公司</label></span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="出库运费" value="出库运费31" attr-data='出库运费31' :checked="(checkedAccounts).indexOf('出库运费31')>=0"
                           @click.prevent="checkedOne('出库运费31')">
                    <label for="出库运费">出库运费</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库扣款" value="出库扣款32" attr-data='出库扣款32' :checked="(checkedAccounts).indexOf('出库扣款32')>=0"
                                                   @click.prevent="checkedOne('出库扣款32')">
                    <label for="出库扣款">出库扣款</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库扣款说明" value="出库扣款说明33" attr-data='出库扣款说明33' :checked="(checkedAccounts).indexOf('出库扣款说明33')>=0"
                                                   @click.prevent="checkedOne('出库扣款说明33')">
                    <label for="出库扣款说明">扣款说明</label></span></td>
            </tr>
            <tr>

                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库板车车牌" value="出库板车车牌34" attr-data='出库板车车牌34' :checked="(checkedAccounts).indexOf('出库板车车牌34')>=0"
                                                   @click.prevent="checkedOne('出库板车车牌34')">
                    <label for="出库板车车牌">板车车牌</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库司机姓名" value="出库司机姓名35" attr-data='出库司机姓名35' :checked="(checkedAccounts).indexOf('出库司机姓名35')>=0"
                                                   @click.prevent="checkedOne('出库司机姓名35')">
                    <label for="出库司机姓名">司机姓名</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="出库司机电话" value="出库司机电话36" attr-data='出库司机电话36' :checked="(checkedAccounts).indexOf('出库司机电话36')>=0"
                                                   @click.prevent="checkedOne('出库司机电话36')">
                    <label for="出库司机电话">司机电话</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="备注" value="备注37" attr-data='备注37' :checked="(checkedAccounts).indexOf('备注37')>=0"
                                                   @click.prevent="checkedOne('备注37')">
                    <label for="备注">备注</label></span></td>
            </tr>
                </tbody>
        <!--<div id='example-3'>
            &lt;!&ndash;<span>Checked names: {{ checkedNames }}</span>&ndash;&gt;
        </div>-->
        </table>
        <table v-if="type=='2'"   class="table-detail">
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('carPerson',checkBox4)" v-model="checkBox4" >
                    <label for="checkbox">全选</label></span>公司人员信息</td>
            </tr>
            <tr id="carPerson">
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="汽车归属公司" value="归属公司0" attr-data='归属公司0' :checked="(checkedAccounts).indexOf('归属公司0')>=0"
                                                    @click.prevent="checkedOne('归属公司0')">
                    <label for="汽车归属公司">归属公司</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="汽车区域" value="区域1" attr-data='区域1' :checked="(checkedAccounts).indexOf('区域1')>=0"
                                                    @click.prevent="checkedOne('区域1')">
                    <label for="汽车区域">区域</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="汽车大区经理" value="大区经理2" attr-data='大区经理2' :checked="(checkedAccounts).indexOf('大区经理2')>=0"
                                                    @click.prevent="checkedOne('大区经理2')">
                    <label for="汽车大区经理">大区经理</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="汽车区域经理" value="区域经理3" attr-data='区域经理3' :checked="(checkedAccounts).indexOf('区域经理3')>=0"
                                                   @click.prevent="checkedOne('区域经理3')">
                    <label for="汽车区域经理">区域经理</label></span></td>
            </tr>
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('carMsg',checkBox5)" v-model="checkBox5" >
                    <label for="checkbox">全选</label></span>设备信息</td>
            </tr>
            <tbody id="carMsg">
            <tr>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="汽车品牌" value="品牌4" attr-data='品牌4' :checked="(checkedAccounts).indexOf('品牌4')>=0"
                                                   @click.prevent="checkedOne('品牌4')">
                    <label for="汽车品牌">品牌</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车类型" value="汽车类型5" attr-data='汽车类型5' :checked="(checkedAccounts).indexOf('汽车类型5')>=0"
                           @click.prevent="checkedOne('汽车类型5')">
                    <label for="汽车类型">汽车类型</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车型号" value="型号6" attr-data='型号6' :checked="(checkedAccounts).indexOf('型号6')>=0"
                           @click.prevent="checkedOne('型号6')">
                    <label for="汽车型号">型号</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="车架号" value="车架号7" attr-data='车架号7' :checked="(checkedAccounts).indexOf('车架号7')>=0"
                           @click.prevent="checkedOne('车架号7')">
                    <label for="车架号">车架号</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车出厂年份" value="出厂年份8" attr-data='出厂年份8' :checked="(checkedAccounts).indexOf('出厂年份8')>=0"
                           @click.prevent="checkedOne('出厂年份8')">
                    <label for="汽车出厂年份">出厂年份</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="公里数" value="公里数9" attr-data='公里数9' :checked="(checkedAccounts).indexOf('公里数9')>=0"
                           @click.prevent="checkedOne('公里数9')">
                    <label for="公里数">公里数</label></span>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车库存地" value="库存地10" attr-data='库存地10' :checked="(checkedAccounts).indexOf('库存地10')>=0"
                           @click.prevent="checkedOne('库存地10')">
                    <label for="汽车库存地">库存地</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车状态" value="状态11" attr-data='状态11' :checked="(checkedAccounts).indexOf('状态11')>=0"
                           @click.prevent="checkedOne('状态11')">
                    <label for="汽车状态">状态</label></span>
                </td>
                </td>
            </tr>
            <tr>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="是否已过户" value="是否已过户12" attr-data='是否已过户12' :checked="(checkedAccounts).indexOf('是否已过户12')>=0"
                           @click.prevent="checkedOne('是否已过户12')">
                    <label for="是否已过户">是否已过户</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="保险到期日" value="保险到期日13" attr-data='保险到期日13' :checked="(checkedAccounts).indexOf('保险到期日13')>=0"
                           @click.prevent="checkedOne('保险到期日13')">
                    <label for="保险到期日">保险到期日</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车评估价格" value="评估价格14" attr-data='评估价格14' :checked="(checkedAccounts).indexOf('评估价格14')>=0"
                           @click.prevent="checkedOne('评估价格14')">
                    <label for="汽车评估价格">评估价格</label></span>
                </td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="汽车置换价格" value="置换价格15" attr-data='置换价格15' :checked="(checkedAccounts).indexOf('置换价格15')>=0"
                           @click.prevent="checkedOne('置换价格15')">
                    <label for="汽车置换价格">置换价格</label></span>
                <td> <span class="pull-left"><input  type="checkbox" class="down" id="汽车出售价格" value="出售价格16" attr-data='出售价格16' :checked="(checkedAccounts).indexOf('出售价格16')>=0"
                                                    @click.prevent="checkedOne('出售价格16')">
                    <label for="汽车出售价格">出售价格</label></span></td>
                <td> <span class="pull-left"><input  type="checkbox" class="down" id="行驶证/机动车登记证/合同/协议/发票" value="行驶证/机动车登记证/合同/协议/发票17" attr-data='行驶证/机动车登记证/合同/协议/发票17' :checked="(checkedAccounts).indexOf('行驶证/机动车登记证/合同/协议/发票17')>=0"
                                                    @click.prevent="checkedOne('行驶证/机动车登记证/合同/协议/发票17')">
                    <label for="行驶证/机动车登记证/合同/协议/发票">行驶证/机动车登记证/合同/协议/发票</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="汽车备注" value="备注18" attr-data='备注18' :checked="(checkedAccounts).indexOf('备注18')>=0"
                                                   @click.prevent="checkedOne('备注18')">
                    <label for="汽车备注">备注</label></span></td>
                </td>
            </tr>
            </tbody>
            <!--<div id='example-3'>
                &lt;!&ndash;<span>Checked names: {{ checkedNames }}</span>&ndash;&gt;
            </div>-->
        </table>
        <table v-if="type=='3'"   class="table-detail">
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('housePerson',checkBox6)" v-model="checkBox6" >
                    <label for="checkbox">全选</label></span>公司人员信息</td>
            </tr>
            <tr id="housePerson">
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="旧房归属公司" value="归属公司0" attr-data='归属公司0' :checked="(checkedAccounts).indexOf('归属公司0')>=0"
                                                    @click.prevent="checkedOne('归属公司0')">
                    <label for="旧房归属公司">归属公司</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="旧房区域" value="区域1" attr-data='区域1' :checked="(checkedAccounts).indexOf('区域1')>=0"
                                                    @click.prevent="checkedOne('区域1')">
                    <label for="旧房区域">区域</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="旧房大区经理" value="大区经理2" attr-data='大区经理2' :checked="(checkedAccounts).indexOf('大区经理2')>=0"
                                                    @click.prevent="checkedOne('大区经理2')">
                    <label for="旧房大区经理">大区经理</label></span></td>
                <td colspan="2"><span class="pull-left"><input  type="checkbox" class="down" id="旧房区域经理" value="区域经理3" attr-data='区域经理3' :checked="(checkedAccounts).indexOf('区域经理3')>=0"
                                                   @click.prevent="checkedOne('区域经理3')">
                    <label for="旧房区域经理">区域经理</label></span></td>
            </tr>
            <tr class="no-print">
                <td colspan="8" class=" no-print title">
                    <span class="pull-left"><input  type="checkbox" class="down"  value="全选" @click="selectAll('houseMsg',checkBox7)" v-model="checkBox7" >
                    <label for="checkbox">全选</label></span>设备信息</td>
            </tr>
            <tbody id="houseMsg">
            <tr>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="房屋类型" value="房屋类型4" attr-data='房屋类型4' :checked="(checkedAccounts).indexOf('房屋类型4')>=0"
                                                   @click.prevent="checkedOne('房屋类型4')">
                    <label for="房屋类型">房屋类型</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="所在地" value="所在地5" attr-data='所在地5' :checked="(checkedAccounts).indexOf('所在地5')>=0"
                           @click.prevent="checkedOne('所在地5')">
                    <label for="所在地">所在地</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="房屋名称" value="房屋名称6" attr-data='房屋名称6' :checked="(checkedAccounts).indexOf('房屋名称6')>=0"
                           @click.prevent="checkedOne('房屋名称6')">
                    <label for="房屋名称">房屋名称</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="楼号、单元" value="楼号、单元7" attr-data='楼号、单元7' :checked="(checkedAccounts).indexOf('楼号、单元7')>=0"
                           @click.prevent="checkedOne('楼号、单元7')">
                    <label for="楼号、单元">楼号、单元</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="房屋位置" value="房屋位置8" attr-data='房屋位置8' :checked="(checkedAccounts).indexOf('房屋位置8')>=0"
                           @click.prevent="checkedOne('房屋位置8')">
                    <label for="房屋位置">房屋位置</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="面积" value="面积9" attr-data='面积9' :checked="(checkedAccounts).indexOf('面积9')>=0"
                           @click.prevent="checkedOne('面积9')">
                    <label for="面积">面积</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="产权年限" value="产权年限10" attr-data='产权年限10' :checked="(checkedAccounts).indexOf('产权年限10')>=0"
                           @click.prevent="checkedOne('产权年限10')">
                    <label for="产权年限">产权年限</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="旧房状态" value="状态11" attr-data='状态11' :checked="(checkedAccounts).indexOf('状态11')>=0"
                           @click.prevent="checkedOne('状态11')">
                    <label for="旧房状态">状态</label>
                </span></td>
            </tr>
            <tr>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="是否过户" value="是否过户12" attr-data='是否过户12' :checked="(checkedAccounts).indexOf('是否过户12')>=0"
                           @click.prevent="checkedOne('是否过户12')">
                    <label for="是否过户">是否过户</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="旧房评估价格" value="评估价格13" attr-data='评估价格13' :checked="(checkedAccounts).indexOf('评估价格13')>=0"
                           @click.prevent="checkedOne('评估价格13')">
                    <label for="旧房评估价格">评估价格</label>
                </span></td>
                <td><span class="pull-left">
                    <input  type="checkbox" class="down" id="旧房置换价格" value="置换价格14" attr-data='置换价格14' :checked="(checkedAccounts).indexOf('置换价格14')>=0"
                           @click.prevent="checkedOne('置换价格14')">
                    <label for="旧房置换价格">置换价格</label>
                </span></td>
                <td> <span class="pull-left"><input  type="checkbox" class="down" id="旧房出售价格" value="出售价格15" attr-data='出售价格15' :checked="(checkedAccounts).indexOf('出售价格15')>=0"
                                                    @click.prevent="checkedOne('出售价格15')">
                    <label for="旧房出售价格">出售价格</label></span></td>
                <td> <span class="pull-left"><input  type="checkbox" class="down" id="不动产权证/合同/协议/发票" value="不动产权证/合同/协议/发票16" attr-data='不动产权证/合同/协议/发票16' :checked="(checkedAccounts).indexOf('不动产权证/合同/协议/发票16')>=0"
                                                    @click.prevent="checkedOne('不动产权证/合同/协议/发票16')">
                    <label for="不动产权证/合同/协议/发票">不动产权证/合同/协议/发票</label></span></td>
                <td><span class="pull-left"><input  type="checkbox" class="down" id="旧房备注" value="备注17" attr-data='备注17' :checked="(checkedAccounts).indexOf('备注17')>=0"
                                                   @click.prevent="checkedOne('备注17')">
                    <label for="旧房备注">备注</label></span></td>
            </tr>
            </tbody>


            <!--<div id='example-3'>
                &lt;!&ndash;<span>Checked names: {{ checkedNames }}</span>&ndash;&gt;
            </div>-->
        </table>
        <div  align="center">
            <input type="button"  class="btn oaBtn  btn-sm"  value="导出"
                   @click="exportExcel(type)"  style="margin-top: 5px"  >
        </div>
    </div>

    </div>
</section>
<!--JQ-->
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<!--插件JS-->
<script src="https://file.ggxqce.com/web/bootstrap.min.js"></script>
<!--框架已定义 JS-->
<script src="/dist/js/app_iframe.js?t=7e54a132"></script>
<!--oa自定义  JS-->
<script src="/dist/js/oa.js?t=558d0414"></script>

<script src="https://file.ggxqce.com/web/vue.min.js"></script>
<script src="/dist/plugins/select2/select2.full.min.js"></script>
<script type="text/javascript" src="/dist/plugins/lhgdialog/lhgdialog.min.js?self=true"></script>
<script>
    $(function () {
        $("body").on("click", ".lineOne,.lineTwo", function (e) {
            if ($(".div-td-content-more").is(":hidden")) {
                var text = $(this).text();
                if (text != "") {
                    text = "<i></i>" + text;
                    $(".div-td-content-more").html(text).css({
                        "width": $(this).outerWidth() + 12 + "px",
                        "left": $(this).offset().left - 6,
                        "top": ($(this).offset().top + $(this).outerHeight()) + "px"
                    }).show();
                    e.stopPropagation();
                }
            } else {
                $(".div-td-content-more").hide();
            }
        });
        $("body").on("click", ".div-td-content-more", function (e) {
            e.stopPropagation();
        });
        $("body").on("click", function () {
            $(".div-td-content-more").hide();
        });
    });
</script>
<script type="text/javascript">
    var api = frameElement.api, W = api.opener;
    function refresh() {
        $.wyui.page.getByPage();
    }
    var app = new Vue({
        el: '#app',
        data: {
            type:$.wyui.page.urlParams.type,
            checkedNames: [],
            checkedAccounts: [],
            accounts: "",
            isCheck: false,
            checkBox1:false,
            checkBox2:false,
            checkBox3:false,
            checkBox4:false,
            checkBox5:false,
            checkBox6:false,
            checkBox7:false
        },
        methods: {
            checkedOne: function (moduleKey) {
                var idIndex = this.checkedAccounts.indexOf(moduleKey)
                if (idIndex >= 0) {
                    this.checkedAccounts.splice(idIndex, 1)
                } else {
                    this.checkedAccounts.push(moduleKey)
                }
                console.log(this.checkedAccounts)
            },
            selectAll: function (a,checkBox) {
                var that = this;
                console.log($("#" + a));
                $("#" + a + " input").each(function () {
                    var name=$(this).attr("attr-data")
                    var idIndex = that.checkedAccounts.indexOf(name)
                    if(checkBox){
                        if (idIndex >= 0) {
                            that.checkedAccounts.splice(idIndex, 1)
                        }
                    }else{
                        if (idIndex < 0) {
                            that.checkedAccounts.push(name)
                        }
                    }
                });
                console.log(that.checkedAccounts)
            },
            exportExcel: function (type) {
                var that = this;
                App.blockUI({
                    target: '#app',
                    boxed: true,
                    message: '文件下载中，请耐心等待......'//,
                    // animate: true
                });
               if(type=="1"){
                   $('#ifExprot').attr('src', server.ip
                    + "/deviceDisplace/exportOldSample.json?jsonData="+that.checkedAccounts
                    );
               }else if(type=="2"){
                   $('#ifExprot').attr('src', server.ip
                       + "/deviceDisplace/exportOldCar.json?jsonData="+that.checkedAccounts
                   );
               }else{
                   $('#ifExprot').attr('src', server.ip
                    + "/deviceDisplace/exportOldHouse.json?jsonData="+that.checkedAccounts
                    );
               }
                setTimeout(function () {
                    App.unblockUI('#app');
                    api.close();
                }, 2000)
            },

        },
        mounted: function () {
         var that=this;
        }
    });
</script>
</body>
</html>